<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>退货申请-待审核</title>
    <link rel="stylesheet" href="../../font/iconfont.css">
    <link rel="stylesheet" href="../../lib/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../../lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="../../lib/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../css/tuihuo/tuihuoshenhe.css">
</head>

<body>

    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <p>退货单号<span>TH938670849</span></p>
                <h2>待审核</h2>
            </div>
            <div class="col-md-4 col-md-offset-5">
                <button type="button" class="btn1 btn btn-primary btn-lg" data-toggle="modal"  data-target="#jujue">拒绝退货</button>
                <button type="button" class="btn2 btn btn-primary btn-lg" data-toggle="modal"  data-target="#tongyi">同意退货</button>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <h4>退货商品</h4>
        </div>
        <div class="row">
            <div class="col-md-5">
                <div> 商品信息 </div>
                <div class="clear">
                    <div class="left">
                        <img src="../../lib/img/tp.png" alt="">
                    </div>
                    <div class="left">
                        <h5>商品名称</h5>
                        <p>颜色：红色 &nbsp; 尺码：S</p>
                    </div>
                </div>
            </div>
            <div class="col-md-1">
                <div>单价</div>
                <div>￥135.00</div>
            </div>
            <div class="col-md-1">
                <div>数量</div>
                <div>1</div>
            </div>
            <div class="col-md-1">
                <div>小计</div>
                <div>￥135.00</div>
            </div>
            <div class="col-md-2">
                <div>实付金额</div>
                <div>￥135.00</div>
            </div>
            <div class="col-md-2">
                <div>应退金额</div>
                <div>￥135.00</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-1">
                <div> 退货原因</div>
                <div>退货描述</div>
                <div> 退货图片</div>
            </div>
            <div class="col-md-11">
                <div>七天无理由退货</div>
                <div>感觉不舒服，跟想象中的不一样</div>
                <div>
                    <img src="../../lib/img/tp.png" alt="">
                    <img src="../../lib/img/tp.png" alt="">
                    <img src="../../lib/img/tp.png" alt="">
                </div>

            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <h4>退货单信息</h4>
        </div>
        <div class="row">
            <div class="col-md-2">
                <div> 商品返回方式</div>
                <div>退货原因</div>
                <div>收货地址</div>
                <div>取件地址</div>
                <div>联系人</div>
                <div>手机号</div>
                <div>申请时间</div>
                <div>退款方式</div>
                <div>订单号</div>
            </div>
            <div class="col-md-10">
                <div>上门取件</div>
                <div>七天无理由退货</div>
                <div>广东省深圳市南山区西丽街道创客小镇A栋506</div>
                <div>广东省深圳市南山区西丽街道创客小镇A栋506</div>
                <div>亮亮</div>
                <div>185 XXXX 8923</div>
                <div>2021-12-22 10:16:39</div>
                <div>原路返回</div>
                <div>06198495975</div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <div>商品应退金额</div>
                <div>是否退运费</div>
                <div>退款金额</div>
                <div>选择收货点</div>
                <div>收货人姓名</div>
                <div>收货人手机号</div>
                <div>收货地址</div>
                <div>详细地址</div>
                <div>邮政编码</div>
                <div class="beizhu">备注信息</div>
            </div>
            <div class="col-md-10">
                <div>￥135.00</div>
                <div>
                    <form action="">
                        <input type="radio" value="不退" name="yunfei">不退运费
                        <input type="radio" value="退" name="yunfei">退运费
                    </form>
                </div>
                <div>￥135.00</div>
                <div><select name="shouhuo" id="xuanze">
                        <option value="1">请选择收货地点</option>
                        <option value="2">收货地点A</option>
                        <option value="3">收货地点B</option>
                        <option value="4">收货地点C</option>
                        <option value="5">收货地点D</option>
                        <option value="6">收货地点E</option>
                    </select></div>
                <div>杭杭</div>
                <div>185 XXXX 8923</div>
                <div>浙江省杭州市萧山区</div>
                <div>云大道35号605</div>
                <div>311200</div>
                <div  class="beizhu"><textarea name="" id="area" cols="60" rows="4"></textarea></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-2">
                <div>
                    <button type="button" class="btn1 btn btn-primary btn-lg" data-toggle="modal"  data-target="#jujue">拒绝退货</button>
                    <button type="button" class="btn2 btn btn-primary btn-lg" data-toggle="modal"  data-target="#tongyi">同意退货</button>
                        
                </div>
            </div>

        </div>
    </div>
    <!-- 模态框 -->
    <div >
        <div class="modal fade" id="jujue" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="myModalLabel">拒绝退货</h4>
                </div>
                <div class="modal-body">
                    <div>
                        拒绝原因<select name="shouhuo" id="xuanze">
                        <option value="1">请选择拒绝原因</option>
                        <option value="2">拒绝退货原因A</option>
                        <option value="3">拒绝退货原因B</option>
                        <option value="4">拒绝退货原因C</option>
                        <option value="5">拒绝退货原因D</option>
                        <option value="6">拒绝退货原因E</option>
                    </select>
                    </div>
                    <div>
                        原因描述<textarea name="" id="" cols="60" rows="2" ></textarea>
                    </div>
                    
                </div>
                <div class="modal-footer center1">
                 <a href="../tuihuanhuo/tuihuoshenqingjujuetuihuo.html"><button type="button" class="btn2  btn btn-primary" >确定</button></a> 
                  <button type="button" class="btn1 btn btn-default" data-dismiss="modal">取消</button>
                </div>
              </div>
            </div>
          </div>
          <div class="modal fade" id="tongyi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                
                <div class="modal-body">
                 <h3>确定要同意退货吗？</h3>
                </div>
                <div class="modal-footer center1">
                <a href="../tuihuanhuo/tuihuoshouhuo.html"><button type="button" class="btn2 btn btn-default" >确定</button></a>  
                  <button type="button" class="btn1 btn btn-primary" data-dismiss="modal">取消</button>
                </div>
              </div>
            </div>
          </div>
    </div>

</body>

</html>